<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 对象</title>
</head>
<body>
<h2>JavaScript 变量</h2>
<p id="demo1"></p>
<p id="demo2"></p>

<script>
// 创建并显示变量;
  var car="porsche";
// 创建对象
  var car1 = {type:"porsche", model:"911", color:"white"};

  document.getElementById("demo1").innerHTML=car;
// 显示对象中的数据：
  document.getElementById("demo2").innerHTML=car1.model;

</script>

</body>
</html>

<!--值以名称:值对的方式来书写（名称和值由冒号分隔）。 属性:"属性值"-->